.box1 img{
width: 1349px;
}

.box2{
    width: 1020px;
    margin: 30px auto;
}
.box2 a{
    color: grey;
}

.content{

   margin: 0 auto;
   margin-top: 30px;
}
.content ul li{
    background: gray;
    width: 210px;
    height: 100px;
}
.content ul{
    display: flex;
    justify-content: space-between;
}
.content ul li h3{
    text-align: center;
    padding-top: 20px;
    font-size: 16px;
    font-weight: lighter;
}

.content ul li:hover{
    color: white;
    background: skyblue;

    transform:translate(0,-10px);
    transform: scale(1.2);
}


.search form{
    display: flex;
}
.search{
    width: 1020px;
    margin-top: 30px;
    display: flex;
    flex-direction: column; 
    align-items: flex-end;
}

.search input{
    width: 200px;
    height: 35px;
}
.search  form div {
    width: 35px;
    height: 35px;
     background:grey;
}
.search div img{
    display: flex;
    width: 30px;
    height: 30px;
    margin: 2px;
}
.picture{
    margin: 0 auto;
    margin-top: 50px;
    width: 1020px;
    text-align: center;
}
.picture li:hover{
    transform:translate(0,-10px);
    transform: scale(1.2);
    background: white;
}
.picture ul{
    display: flex;
}
.picture li{
    border: 1px solid;
    width: 340px;
    height: 300px;
    font-size: 12px;
    }
    

  
.picture li img{
    margin-top: 50px;
    width: 101px;
    height: 136px;
}
.picture li p{
    color: blue;
    font-size: 18px;
    margin:20px;
}


.box3-bottom{
    width: 1020px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}
.box3-bottom ul{
    width: 1020px;
    display: flex;
    justify-content:center;
}
.box3-bottom ul li{
    width: 60px;
    height: 40px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
}
.box3-bottom ul li:hover{
    background: skyblue;
    color: white;

}


